@charset "utf-8";
@import "reset";
.web {
    width: 100%;
    margin: 0 auto;
    font-size: 0;
    min-width: 1200px;
}

//logo样式
.header-logo {
    padding: 30px 0 18px 9.1%;
}
.header-logo img {
   width: 181px;
   height: 48px;
}
//导航栏样式
.nav {
    width: 100%;
    background: #d3dae4;
    border-top: 1px groove #abb5c3;
}

.nav ul {
    padding: 7px 0 7px 20.34%;
    width: 100%;
}
.nav a {
    width: 100%;
    height: 100%;
    display: inline-block;
    color: black;
}

.nav li {
    text-align: center;
    display: inline-block;
    width: 10.72%;
    white-space: normal;
    position: relative;
}
//导航栏装饰条样式
.nav li:first-child a:after,
.nav li:nth-child(2) a:after,
.nav li:nth-child(3) a:after,
.nav li:nth-child(4) a:after,
.nav li:nth-child(5) a:after{
  content: "";
  position: absolute;
  width: 1px;
  height: 23px;
  background: #a5a9af;
  top: 5px;
  right: 0; 
  }

.nav p {
    font-size: 12px;
    transform: scale(0.7);
    margin-top: 1px;
}

.nav span {
    font-size: 13px;

}
//轮播图
#imageBack {
  position: relative;
  width: 100%;
  height: 459px; }

#imageBack img {
  width: 100%;
  height: 100%; }

#last {
  top: 40%;
  left: 18px;
  position: absolute;
  opacity: 1; }


#next {
  top: 40%;
  right: 18px;
  position: absolute;
  opacity: 1; 
  }


.content{
    //适应宽度和高度，都可以自改
//  min-width: 1271px;
    max-width: 1440px;
//  min-height: 1336px;
    max-height: 1602px;
    font-size: 12px;
    
    //侧边栏宽高
    .sidebar{
        width: 280px; //可自行调整宽度，以便达成内容整体居中的效果
        max-height: 1508px;//方便自行添加垂直导航菜单
        margin-top: 94px;//距离头部轮播图的距离
        text-align: right;//内容在div中居右显示
        float: left;//浮动，让右边各种content主题所在的div并排
        strong{
            color: #025855;
            font-weight:bold ;
        }
        a:hover{
                color: #439b83;//鼠标悬停变色，主流颜色为#439b83
            }
        //加大的"加入我们"    
        .sidebar1{//侧边栏的标题，加粗！
            p{
                color: black;//去除a标签原本的颜色，还原为设计稿的黑色
                font-size: 20px;//字体大小
                font-weight: bold;//字体加粗
            }
            span{
                font-size: 21px;//英文字体稍微加大
                color: #d0d0d0;//设计稿颜色为#d0d0d0
            }
        }
        .sidebar2{//侧边栏垂直向菜单
            display: block;//转化为块级元素
            color: #666666;//神奇，菜单栏默认未悬停点击时的字体颜色
            margin-top: 25px;//隔开距离
            p{
                font-size: 16px;//字体大小
            }
            .sidebar_sp1{//谷歌浏览器的特殊的小于12px文本的显示技巧
                //转化为块级元素
                display: block;
                //定义基本大小
                font-size: 12px;
                //倍数缩小
                transform: scale(0.65);
                //依照要求，右对齐
                transform-origin: right;
                
            }//sidebar_sp1收尾
        }//sidebar2收尾
    }//sidebar收尾
    
    //新增内容的样式界面
    //记得清除浮动
        
        
        
        
    
}//content收尾
//底部内容
.footer {
    padding-top: 41px;
    background: #f7f7f7;
}

.footer a {
    color: black;
}

.footer-ul {
    margin: 0 auto;
    width: 80%;
}

.footer-ul ul {
    text-align: center;
    float: left;
    display: inline-block;
    padding: 0 3.8%;
    position: relative;
}

//底部分割线
.footer-ul-a:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 215px;
    background: #a8abb0;
    top: 125px;
    left: 0px;
}

.footer-ul-a:nth-child(5):after {
    content: "";
    position: absolute;
    width: 2px;
    height: 215px;
    background: #a8abb0;
    top: 125px;
    right: 0px;
}
//底部菜单
.footer-ul-a li:first-of-type a span {
    font-size: 19px;
    font-weight: bold;
}

.footer-ul-a li {
    font-size: 13px;
    margin-top: 16px;
}
.footer-ul-a a {
   width: 100%;
   height: 100%;
   display: inline-block;
}

.footer-ul-a li:first-of-type p {
    font-size: 9px;
    color: #b9b9b9;
    text-align: center;
    padding:8px 0 ;
}
//版权部分
.footer-copyright {
        position: relative;
    padding:39px 0 12px 135px;
    background: #3e3a39;
    margin-top: 19px;
    border-bottom: 1px solid #837d7b;
}

.footer-copyright p {
    color: white;
    font-size: 16px;
}

.footer-copyright a {
    color: white;
    font-size: 16px;
}


//版权上半部
.copyright-top ul {
    padding: 7px 0;
    margin: 0 auto;
    width: 100%;
}

.copyright-top p {
    font-size: 10px;
}

.copyright-top li {
    display: inline-block;
    margin-right:31px;
    text-align: center;
    white-space: normal;
}
//版权下半部
.copyright-bottom {
    margin-top: 21px;
}

.copyright-bottom span {
    font-size: 16px;
    color: white;
}

.copyright-bottom p {
    padding-top: 8px;
    font-size: 8px;
}
//返回最顶层
.return {
    background: #231815;
    width: 100%;
    text-align: center;
    height: 60px;
    line-height: 60px;
}

.return img {
    width: 36px;
    height: 36px;
    vertical-align: middle;
}
//微信
.wechat{
    position:absolute;
    top: 60px;
    right: 122px;
    float: left;
}
.wechat a{
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    color: white;
    width: 101px;
    height: 25px;
    border-radius: 11px;
    background: #45BBAC;
    vertical-align: middle;
}
.wechat a:after{
    
   content: "";
  position:absolute;
  width: 1px;
  height: 24px;
  background: white;
  left: 127px;
}
.wechat a:hover{
    background:white ;
    color: #45bbac;
}
.wechat img{
    margin-left: 52px;
    width: 33px;
    height: 33px; vertical-align: middle;
}
//超链接效果
a{
    display: inline-block;
    width: 100%;
    height: 100%;
}
//a:hover>p {color:blue;}
//鼠标触碰的效果
.footer-ul-a a:hover>p  {color:#45bbac;}
.copyright-top a:hover>p  {color:#45bbac;}

a:hover{
    color: #45bbac;
}